<template>
  <div class="container-main-content">
          <div class="home_index">
            <div class="index_left">
              <h1>Welcome</h1>
              <span>欢迎登录员工信息管理系统</span>
            </div>
            <img src="@/assets/welcome.bdc4225a.png" alt="">
          </div>
        </div>
</template>
<script>
export default {
  name: 'homeIndex'
}
</script>

<style lang="less" scoped>
.container-main-content {
  padding-top: 80px;
  height: 100vh;
}
.home_index {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.home_index .index_left {
    text-align: center;
}
.home_index .index_left h1 {
    color: #277bea;
    font-size: 100px;
    letter-spacing: 10px;
}
.home_index .index_left span {
    font-size: 20px;
    color: #000000d9;
    letter-spacing: 10px;
}
img {
    overflow-clip-margin: content-box;
    overflow: clip;
}
</style>
